<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  Vue 2使用方式   html静态页 script引入  new Vue()
  工程化  --> vue-cli  脚手架 (指定功能的文件夹 创建出来 : pages文件夹放视图页面,static/public css/js)...
  src 文件夹  --> 资源目录(代码 源码)

  大量的用到 JS新语法  ES6+ 新标准、编码约束（ESlint：一个tab 4个space（2个space））

  webpack 打包 、统一的配置 ...

  1.  安装 nodejs （npm） （js-->浏览器解析：渲染引擎） （js：es6+ ---> nodejs）

  web全栈（用web的技术 也能实现除前端外 服务器端的开发等行为）javascript es6+ 


  2. 修改 npm 的镜像地址 ，默认下载路径需要魔法网络，否则不通。

  清华大学  阿里...  每隔10分去魔法一下，将 npm （软件库）--> copy一份到国内

  axios 2.5.1 --> 3.0.0


  会自动加入 环境变量 ， cmd -->  npm --version /  node --version 


  3. npm install @vue/cli -g   / npm i @vue/cli -g 

  global 全局

  vue --version 查看脚手架版本，查到即差不多安装成功了

  4. vue 脚手架 创建项目

  a. vue create project-name(自定义一个名字)
      例：vue create vue-project
  b. 剩余两条命令 在 创建成功后的提示信息中
      进入到项目目录中  cd  xxxx
      运行这个项目      npm run serve


  热部署

  npm i 命令可以根据package.json 重新安装一遍， 重新生成node_modules文件夹（建议将之前的删掉再下载）

</body>
</html>